<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* p {
            color: red;
            font-size: 30px;
        }
        span {
            color: aqua;
        }
        div {
            font-size: 40px;
        } */

        /* .red {
            color: red;
        }
        .green {
            color: green;
        }
        #aaa {
            color: purple;
        } */

        /* * {
            color: red;
        } */

        /* p.red {
            color: red;
        } */

        /* ul li {
            color: red;
        } */
         /* #idul #aaa {
            color: red;
         }
         ul .c2 {
            color: blue;
         } */

         .red, .green {
            font-size: 40px;
         }
    
         /* ul a {
            color: brown;
         } */
         /* ul>li>a {
            color: rgb(255, 0, 0);
         } */


    </style>
    <!-- <link rel="stylesheet" href="css.css"> -->
</head>

<body>

    <p class="red">hello1</p>
    <p class="green">hello2</p>
    <p class="blue">hello3</p>
    <span class="red">你好</span>
    <div class="green">我是一个div</div>

    <div>
        <ul id="idul">
            <li id="aaa">aaa</li>
            <li class="c2">bbb</li>
            <li class="c2"><a href="#">li里的超链接</li></a></li>
        </ul>
        <ol>
            <li>111</li>
            <li>222</li>
            <li>333</li>
        </ol>
    </div>


</body>

</html>